/* 标签初始化 */
body,p,h1,h2,h3,h4,h5,h6,form,dl,dd,ol,ul,input,button{margin:0;list-style:none;padding:0;font-weight:normal;}
html,body{background:#f5f5f5;color: #333;font-family: "Microsoft YaHei", "微软雅黑", Arial, Georgia, Verdana, SimHei, serif;height:100%;}
img{border:0;}
a{color:#333;text-decoration:none;}
*{box-sizing: border-box;}
.float_l{float:left;}
.float_r{float:right;}
.clearfix{clear:both;}
.flex1{flex:1;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.clamp2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.body{display: flex;flex-direction:column;height:100%;}
.body .content{overflow: scroll;}
/*顶部*/
.header{height:10vw;background: #000;text-align: center;position: relative;color:#fff;line-height: 10vw;font-size: 4vw;}
.header .back{width:10vw;height:10vw;background: url(../images/back-w.png) no-repeat center center;background-size:auto 4vw;position: absolute;top:0;left: 0;}
/*操作栏*/
.handle{height:10vw;background: #fff;text-align: center;position: relative;color:#fff;line-height: 10vw;font-size: 4vw;border-bottom: 1px solid #f5f5f5;}
.handle .back{width:10vw;height:10vw;background: url(../images/back-b.png) no-repeat center center;background-size:auto 4vw;position: absolute;top:0;left: 0;}
.handle .enlarge{width:10vw;height:10vw;background: url(../images/enlarge.png) no-repeat center center;background-size:auto 4vw;position: absolute;top:0;right: 0;}
.handle .filter{width:10vw;height:10vw;background: url(../images/filter.png) no-repeat center center;background-size:auto 4vw;position: absolute;top:0;right: 0;}
.back-w{width:10vw;height:10vw;background: url(../images/back-w.png) no-repeat center center;background-size:auto 4vw;position: absolute;top:0;left: 0;}
.share{width:10vw;height:10vw;background: url(../images/share.png) no-repeat center center;background-size:auto 4vw;position: absolute;top:0;right: 0;}

/*底部*/
.footer{height:13vw;overflow: hidden;display: flex;border-top: 1px solid #f5f5f5;background: #fff;}
.footer .foot-nav{text-align: center;filter: grayscale(100%);}
.footer .foot-nav.curr{filter: grayscale(0%);}
.footer .foot-nav .icon{height:8vw;}
.footer .foot-nav .icon img{height:7vw;}
.footer .foot-nav .font{font-size:3.2vw;line-height: 1;color:#10820b;}
/*首页*/
.banner{background: #fff;}
.banner img{width:100%;display: block;}
.banner .new{overflow: hidden;padding:3vw 4vw;display: flex;font-size: 4vw;}
.banner .new .left{width:20vw;font-weight: 600;}
.banner .new .left span{color:#10820b;}
.banner .new .right{width:10vw;text-align: right;border-left: 1px solid #ddd;color:#999;margin-left: 1vw;}

.title{padding:3vw 4vw 2vw;overflow: hidden;font-size: 4vw;line-height: 1;}
.title .left{padding-left:2vw;border-left: 2px solid #10820b;float:left;font-weight: 600;}
.title .right{float:right;font-size: 3.6vw;}
.title .comment-btn{border-left: 1px solid #f5f5f5;color:#10820b;padding-left: 3vw;margin-left: 3vw;}
.title .comment-num{color:#999;}


.module{background: #fff;margin-top: 3vw;overflow: hidden;display: block;}
.active{padding:3vw 4vw;border-bottom: 1px solid #f5f5f5;display: block;}
.active:last-of-type{border-bottom: 0;}
.active .thumb{position: relative;}
.active .thumb img{width:100%;display: block;border-radius: 1vw;}
.active .mark{position: absolute;top:0;right:0;width:15vw;height:5vw;background: url(../images/active-mark.png) no-repeat top right;background-size:15vw;text-align: center;color:#fff;padding-left: 1vw;font-size: 3.2vw;line-height: 5vw;}
.active .tit{font-size: 4vw;line-height: 1.5;margin-top: 1vw;}
.active .cont{font-size: 3.2vw;color:#999;overflow: hidden;}

.module .article li{border-bottom: 1px solid #f5f5f5;padding:2vw 4vw;}
.module .article li:last-of-type{border-bottom: 0;}
.module .article li a{display: inline-block;font-size: 4vw;max-width: 100%;}
.module .article li a.fire{padding-right: 5vw;background: url(../images/fire.png) no-repeat center right;background-size: 4vw;}

.module .advise li{border-bottom: 1px solid #f5f5f5;padding:2.5vw 4vw;}
.module .advise li:last-of-type{border-bottom: 0;}
.module .advise li a{display: flex;font-size: 4vw;}
.module .advise li a .thumb{width:22vw;height:22vw;border-radius: 50%;float:left;margin-right: 4vw;}
.module .advise li a .cont .t .tag{font-size: 3vw;height:4.8vw;line-height: 4.8vw;color:#ee5050;background:rgba(238,80,80,0.2);padding:0 2vw;margin-left: 2vw;display: inline-block;vertical-align: top;}
.module .advise li a .cont .t .tag:nth-of-type(2){color:#4194fe;background:rgba(65,148,254,0.2);}
.module .advise li a .cont .t .tag:nth-of-type(3){color:#34a600;background:rgba(52,166,0,0.2);}
.module .advise li a .cont .desc{font-size: 3.6vw;color:#999;margin:1vw 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}/* 超2行隐藏 */
.module .advise li a .cont .hot{font-size: 3.2vw;color:#999;}

/*活动列表*/
.active-tab{height:10vw;line-height:9vw;background: #fff;text-align: center;display: flex;font-size: 4vw;}
.active-tab .tab.curr{color:#10820b;position: relative;}
.active-tab .tab.curr:after{content:'';position: absolute;width:4vw;height:2px;background: #10820b;border-radius: 1px;position: absolute;bottom: 0;left:50%;margin-left: -2vw;}
/*活动详情*/
.active-detail{background: #fff;padding:3vw 4vw;}
.active-detail .author{font-size: 4.4vw;line-height: 1.5;}
.active-detail .desc{font-size: 3.2vw;margin:1vw 0 3vw;color:#999;}
.active-detail .cont{font-size: 3.6vw;line-height: 2;}
.active-detail .cont img{width:100%;margin:2vw 0;}
.footer .foot-det{text-align: center;font-size: 4vw;line-height: 13vw;color: #10820b;}
.footer .foot-det.curr{background: #10820b;color:#fff;}
/*文章列表*/
.article-tab{height:10vw;line-height:9vw;background: #fff;font-size: 4vw;width:100vw;overflow-x:scroll;white-space: nowrap;}
.article-tab .tab{display: inline-block;padding:0 2vw;text-align: center;height:10vw;}
.article-tab .tab.curr{color:#10820b;position: relative;}
.article-tab .tab.curr:after{content:'';position: absolute;width:4vw;height:2px;background: #10820b;border-radius: 1px;position: absolute;bottom: 0;left:50%;margin-left: -2vw;}
.article-item{display: flex;border-bottom: 1px solid #f5f5f5;padding:3vw 4vw;}
.article-item .thumb{width:30vw;height:20vw;overflow: hidden;margin-right: 4vw;}
.article-item .thumb img{width:100%;height:100%;}
.article-item .cont .tit{font-size: 4vw;line-height: 1.5;margin-bottom: 3vw;}
.article-item .cont .tags{font-size: 3.2vw;line-height: 1.5;color:#999;}
.article-item .cont .tags .tag{font-size: 3vw;height:5.8vw;line-height: 5.8vw;color:#34a600;background:rgba(52,166,0,0.2);padding:0 2vw;margin-left: 2vw;display: inline-block;border-radius: 1vw;}
/*文章详情*/
.article-detail{background: #fff;padding:3vw 4vw;}
.article-detail .tit{font-size: 4.4vw;line-height: 1.5;}
.article-detail .desc{font-size: 3.2vw;margin:1vw 0 3vw;color:#999;}
.article-detail .cont{font-size: 3.6vw;line-height: 2;}
.article-detail .cont img{width:100%;margin:2vw 0;}
.article-comment .comment-item{padding: 3vw 4vw;font-size: 4vw;border-bottom: 1px solid #f5f5f5;}
.article-comment .comment-item .author{margin-bottom: 3vw;height:7vw;line-height: 7vw;}
.article-comment .comment-item .author .head{height:7vw;width:7vw;margin-right: 3vw;border-radius: 50%;}
.article-comment .comment-item .author .time{font-size: 3.2vw;color:#999;}

.article-read .read-item li{border-bottom: 1px solid #f5f5f5;padding:2vw 4vw;}
.article-read .read-item li:last-of-type{border-bottom: 0;}
.article-read .read-item li a{display: inline-block;font-size: 4vw;max-width: 100%;}

.comment-input{width:92vw;height:9vw;margin:2vw 4vw;border-radius: 4.5vw;padding-left: 12vw;background:#f5f5f5 url(../images/pen.png) no-repeat 4vw 2vw;background-size: 5vw;overflow: hidden;}
.comment-input input{width:100%;height:100%;border:none;background: none;outline: none;}
/*艺术家列表*/
.artist-search{width:100%;height:13vw;background:#fff;overflow: hidden;}
.artist-search .search{width:92vw;height:9vw;margin:2vw 4vw;border-radius: 4.5vw;padding-left: 12vw;background:#333 url(../images/search.png) no-repeat 4vw 2vw;background-size: 6vw;overflow: hidden;}
.artist-search .search input{width:100%;height:100%;border:none;background: none;outline: none;color:#fff;}
.artist-search .search input::-webkit-input-placeholder{color:#bbb;}
.artist-item{padding:3vw 4vw;}
.artist-item .top{overflow: hidden;margin-bottom: 3vw;display: flex;position: relative;}
.artist-item .top .head{width:15vw;height:15vw;border-radius: 50%;margin-right: 3vw;}
.artist-item .top .center{font-size: 4vw;}
.artist-item .top .center .b{font-size: 3.2vw;color:#999;line-height: 1.8;}
.artist-item .top .center .num{font-size: 3.2vw;}
.artist-item .thumb-box{display: flex;justify-content: space-between;}
.artist-item .thumb-box .thumb{width:29vw;height:20vw;}
.artist-item .thumb-box .thumb img{width:100%;height:100%;}
.artist-item .top .right{position: absolute;top:0;right:0;width:15vw;}
.artist-item .top .right .heart{height:7vw;width:7vw;background:url(../images/heart.png) no-repeat center right;background-size: 7vw;float:right;}
.artist-item .top .right .heart.collect{background:url(../images/heart-r.png) no-repeat center right;background-size: 7vw;}
.artist-item .top .right p{font-size: 3.2vw;white-space: nowrap;float:right;text-align: right;margin-top: 4vw;}
.filter-panel{position:fixed;top:10vw;width:100%;height:100%;display: none;}
.filter-panel .mask{width:100%;height:100%;background: rgba(0,0,0,0.3);}
.filter-panel .panel{width:80%;height:100%;background: #fff;overflow-y:scroll;position: absolute;top:0;right: -80vw;}
.filter-panel .panel .btns{border-bottom: 1vw solid #f5f5f5;padding:3vw 4vw;font-size: 4vw;line-height: 6vw;}
.filter-panel .panel .btns span{border:1px solid #fff;}
.filter-panel .panel .btns .btnn{float:right;border:1px solid #999;color:#999;padding:0 4vw;margin-left: 3vw;font-size: 3.6vw;}
.filter-panel .panel .list li{padding:2vw 4vw;font-size: 4vw;line-height: 6vw;border-bottom: 1px solid #f5f5f5;display: flex}
.filter-panel .panel .list li .s{color:#999;width:40vw;text-align: right;font-size: 3.6vw;padding-right: 3vw;}
.filter-panel .panel .list li img{height:4vw;margin:1vw 0;}
.filter-panel .panel .sub-list{position: absolute;top:0;right:-80vw;background: #fff;width:100%;height: 100%;display: flex;flex-direction:column;}
.filter-panel .panel .sub-list .tit{padding:2vw 4vw 2vw 10vw;background: url(../images/back-b.png) no-repeat 4vw center;background-size: auto 4vw; font-size: 4vw;line-height: 1.8;border-bottom: 2vw solid #f5f5f5;}
.filter-panel .panel .sub-list ul{overflow-y: scroll;flex:1;}
.filter-panel .panel .sub-list li{padding:2vw 4vw;font-size: 3.6vw;line-height: 1.5;border-bottom: 1px solid #f5f5f5;position: relative;}
.filter-panel .panel .sub-list li div{width:3.6vw;height:3.6vw;border-radius: 50%;background: #ddd;float:right;margin-top: 0.9vw;}
.filter-panel .panel .sub-list li.select div{background: #10820b;}
/*主页*/
.user-module{background: url(../images/Bitmap.png) no-repeat 0 0;background-size:100% 100%;color:#fff;}
.user-module .btns{height:10vw;position: relative;}
.user-module .cont{padding:3vw 4vw;}
.user-module .cont .user{display: flex;margin-bottom: 3vw;}
.user-module .cont .user .head{width:15vw;height:15vw;border-radius: 50%;margin-right: 3vw;border:1px solid #fff;}
.user-module .cont .user .center .name{font-size: 6vw;line-height: 1.8;}
.user-module .cont .user .center .addr{font-size: 3.2vw;padding-left: 6vw;background: url(../images/address.png) no-repeat 1vw center;background-size: 3.2vw;}
.user-module .cont .user .right{width:12vw;height:15vw;text-align: center;font-size: 3.2vw;}
.user-module .cont .user .right .heart{width:8vw;height:8vw;background: url(../images/heart-w.png) no-repeat center center;background-size: 100%;display: inline-block;margin:2vw 0 1vw;}
.user-module .cont .num{font-size:4vw;margin-bottom: 3vw;}
.user-module .cont .new{font-size:3.6vw;padding-top: 3vw;line-height: 1.5;border-top: 1px solid rgba(255,255,255,0.3);}
.user-module .cont .tags{margin-bottom: 3vw;font-size: 0;}
.user-module .cont .tags .tag{display: inline-block;font-size: 3vw;line-height: 1.8;padding:0 2vw;color:#fff;background: #f9365f;margin-right: 2vw;margin-bottom: 2vw;}
.right-nav{width:15vw;padding:2vw 0;text-align: center;position: fixed;right:4vw;bottom:15vw;background:rgba(255,255,255,0.95);}
.right-nav .nav{font-size: 4vw;display: block;line-height: 2.4;}
.right-nav .nav.curr{color:#10820b;}
.home-works{padding:0 4vw;}
.home-works .active{border-radius: 2vw;background: #fff;padding:3vw;margin:3vw 0;}
.home-cont{font-size: 3.6vw;line-height: 2;background: #fff;padding: 3vw 4vw;}
.home-cont img{width:100%;margin:2vw 0;}
/* 报名页 */
.sign-up{background: #584F60;}
.sign-up .btns{height: 10vw;position: relative;}
.sign-up .tit{font-size: 6vw;text-align: center;margin:10vw 0 15vw;color:#fff;}
.sign-up form{font-size: 4vw;color:#fff;padding:0 15vw;}
.sign-up form .form-item{display: flex;margin:12vw 0;padding-bottom: 6vw;border-bottom: 1px solid rgba(255,255,255,0.3);}
.sign-up form .form-item .label{width:13vw;}
.sign-up form .form-item .input input{width:100%;border:none;background: none;outline: none;text-align: right;color:#fff;}
.sign-up form .form-item .input input::-webkit-input-placeholder{color:#bbb;}
.sign-up form .submit{color:#fff;background: #24C789;width:70vw;line-height: 12vw;border-radius: 6vw;border: none;outline: none;margin:10vw 0;font-size: 4vw;}
.sign-up form .form-item .input .radiobox{display: inline-block;padding-left: 7vw;margin-left: 4vw;position: relative;}
.sign-up form .form-item .input .radiobox input{position: absolute;top:0;left: 0;width: 100%;height:100%;opacity: 0;}
.sign-up form .form-item .input .radiobox .cir{position: absolute;top:0;left: 0;width:5vw;height:5vw;border-radius: 50%;background: #fff;}
.sign-up form .form-item .input .radiobox input:checked+.cir:before{content:'';position: absolute;top:1vw;left: 1vw;width:3vw;height:3vw;border-radius: 50%;background: #24C789;}

.video{width:100%;max-height:60vw;background: #000;text-align: center;border-top: 1px solid #999;font-size: 0;}
.video video{max-height:60vw;max-width: 100%;}
